<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/yiyuanguanli.css">
<link rel="stylesheet" href="./css/yonghuguanli.css">
<link rel="stylesheet" href="./css/banbenshengji.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
      integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<body>
<div class="head">
    <span class="sp1">惠光健康</span>
    <p class="p1"><span class="sp2">用户名:</span><span>xxx</span><span class="sp3" data-bs-toggle="modal" data-bs-target="#exampleModal">退出</span><i class="s">&#xeb11;</i></p>
</div>
<div class="bian">
    <div class="nav">
        <ul class="ul1">
            <li><a href="index.html"><i class="i1">&#xe627;</i>机构管理</a></li>
            <li><a href="yiyuanguanli.html">医院管理</a></li>
            <li><a href="#"><i class="i1">&#xe604;</i>人员管理</a></li>
            <li><a href="yonghuguanli.html">用户管理</a></li>
            <li><a href="jiarenguanli.html">家人管理</a></li>
            <li><a href="dengluzhanghao.html">账号登录</a></li>
            <li><a href="#"><i class="i1">&#xe66b;</i>内容管理</a></li>
            <li><a href="zixunguanli.html">资讯管理</a></li>
            <li><a href="guanggaoguanli.html">广告管理</a></li>
            <li><a href="yemianguanli.html">页面管理</a></li>
            <li><a href="xiaoxiguanli.html"><i class="i1">&#xe8bd;</i>消息管理</a></li>
            <li><a href="banbenshengji.html"><i class="i1">&#xe78a;</i>版本升级</a></li>
            <li><a href="yonghufankui.html"><i class="i1">&#xe662;</i>用户反馈</a></li>
        </ul>
    </div>
    <div class="content">
        <div class="p2">
            <p><a href="#">首页</a><i>></i><a href="#">版本升级1112221</a></p>
            <p>
                <button class="btns">返回</button>
            </p>
        </div>
        <div class="banben">
            <div class="bb">
                <sapn class="sn1" style="position: relative">*</sapn>
                <span class="sn3" style="position: relative">选择版本:</span>
                <label for="inp" class="sn2">+</label>
                <input id="inp" type="file" style="display: none">
                <div class="baoming">
                    <p><span>包名:</span><span>com.XXX.XXXX</span></p>
                    <p><span>版本:</span><span>1.0.5</span></p>
                    <p><span>包大小:</span><span>重新上传</span></p>
                    <p><a href="#">重新上传</a></p>
                </div>
            </div>
            <p>
                <sapn class="sn1">*</sapn>
                <span class="sn3">目标版本:</span>
                <select class="set">
                    <option value="0">全部</option>
                    <option value="0">1.1</option>
                </select>
            </p>
            <p>
                <sapn class="sn1">*</sapn>
                <span class="sn3">升级方式:</span>
                <select class="set">
                    <option value="0">推荐升级</option>
                    <option value="0">1.1</option>
                </select>
            </p>
            <p>
                <sapn class="sn1">*</sapn>
                <span class="sn3">生效方式:</span>
                <input type="radio" name="xx">立即启动 <br>
                <input type="radio" name="xx" style="margin-left: 72px">定时启动 <input class="set"
                                                                                    style="margin-left: 20px"
                                                                                    type="text">
            </p>
            <p>
                <sapn class="sn1 sn11" style="position: relative">*</sapn>
                <span class="sn3 sn11" style="position: relative">更新说明:</span>
                <input class="inp2" type="text" style="margin-left: 10px">
            </p>
            <p>
                <sapn class="sn1">*</sapn>
                <span class="sn3">是否有效:</span>
                <select class="set" style="margin-left: 10px">
                    <option value="0">有效</option>
                    <option value="0">无效</option>
                </select>
            </p>
            <input class="btns" type="submit" value="保存">
        </div>
        <ul>
            <li class="ulli">●所有选项均为必填项,版本升级功能只针对安卓设备;</li>
        </ul>
    </div>

</div>
<!--    确认退出按钮 需要引入bootstrap的js css-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">确认退出?</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!--            <div class="modal-body">-->
            <!--                ...-->
            <!--            </div>-->
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">确认</button>
            </div>
        </div>
    </div>
</div>
<script src="./js/quanping.js"></script>
</body>
</html>